<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index05-js内置对象</title>
</head>
<body>
<div id="nowTime"></div>
<input type="button" value="清除" onclick="clearFun()"/>
<script type="text/javascript">
    // var num = new Number(13.37);
    // console.log(num.toFixed(1));
    // // isNaN()判断一个数字是否是非数字，如果不是数字返回true，如果是数字返回值false
    // console.log(isNaN(10));
    // console.log(isNaN(NaN));
    // console.log(isNaN('111'));
    // console.log(isNaN('111abc'));
    // document.write向页面输出内容
    // document.write("Hello");
    // document.write("<br />");
    // document.write(123);
    // document.write("<br />");
    // document.write(true);

    // 封装计算和值
    // function sumSquares(){
    //   var sum = 0;
    //   for (var i = 0; i < arguments.length;i++) {
    //     sum += arguments[i];
    //   }
    //   return sum;
    // }
    // var result = sumSquares(1,2,3,4);
    // document.write(result);
    // 你定义的数组是支持forEach
    // var arr = [1, 2, 3, 4, 5];
    // var sum = 0;
    // arr.forEach(function(item, index){
    //   console.log(item, index);
    //   sum += item;
    // });
    // console.log(sum);
    // var str = "helloworld";
    // console.log(str.length);
    // console.log(str.charAt(5));
    // console.log(str.indexOf("llo"));
    // console.log(str.indexOf("llo111"));
    // var str2 = "helloworldhello";
    // console.log(str2.indexOf("hello"));
    // console.log(str2.lastIndexOf("hello"));
    // var str3 = "hellojavascript";
    // console.log(str3.slice(2, 5));
    // // console.log(str3.substring(2, 5));
    // console.log(str3.concat("java", "mysql"));
    // var str4 = "hello world hello world";
    // console.log(str4.split(" "));
    // console.log(str4.replace("world", "java"));
    // console.log(str4.replaceAll("world", "java"));

    // var a = true;
    // console.log(a.toString());
    // console.log(typeof(a.toString()));

    // Math
    // console.log(Math.PI);
    // console.log(Math.ceil(1.5));
    // console.log(Math.floor(1.5));
    // console.log(Math.round(10.5));
    // console.log(Math.abs(-10));
    // console.log(Math.abs(10));
    // console.log(Math.abs(+0));
    // console.log(Math.abs(-0));
    // console.log(Math.random() * 100);
    // console.log(Math.sqrt(9));
    // console.log(Math.pow(4, 3));

    // Date
    // var date = new Date();
    // console.log(date);
    // var result = formatDate(date);
    // console.log(result);

    // 封装一个函数，完成日期格式化
    function formatDate(date){
      // 获取年月日时分秒
      var yyyy = date.getFullYear();
      var MM = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
      var dd = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() ;
      var HH = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() ;
      var mm = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() ;
      var ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() ;
      return yyyy + "-" + MM + "-" + dd + " " + HH + ":" + mm + ":" + ss;
    }

    // 两个定时器
    // 延迟型定时器
    function showDate(){
      var date = new Date();
      console.log(formatDate(date));
    }

    function showDate2(){
      var date = new Date();
      var strDate = formatDate(date);
      // 获取dom元素
      document.getElementById('nowTime').innerHTML = strDate;
    }
    // showDate();
    // setTimeout("showDate()", 5000);
    // var timerId = setTimeout(showDate, 5000);
    // console.log(timerId);
    //
    // function clearFun(){
    //   console.log("清除被执行");
    //   clearTimeout(timerId);
    // }

    // 间隔型定时器
    // setInterval("showDate()", 1000);
    showDate2();
    var timerId = setInterval(showDate2, 1000);
    // console.log(timerId);
    // function clearFun(){
    //   console.log("清除被执行");
    //   clearTimeout(timerId);
    // }
</script>
</body>
</html>